iT邦幫忙

2021 iThome 鐵人賽

DAY 7
0

判斷與流程控制

if 判斷式

以白話文來說,就是『當符合某一個條件,就做某一件事』

語法範例:

if( 條件式 ) {
    條件式成立時執行的內容
}

以簡單的例子來說,當 score = 70 ,以下的判斷式則會印出『及格』

let score = 70;
if (score >= 60){
    console.log("及格");
}

if .. else 判斷式

以白話文來說,就是『當符合某一個條件,就做某一件事,若前面不符合則做另一件事』

語法範例:

if( 條件式 ) {
    條件式成立時執行的內容
} else {
    前面不符合就執行的內容
}

以簡單的例子來說,當 score = 70 ,以下的判斷式則會印出『恭喜你及格』

let score = 70;
if (score >= 60){
    console.log("恭喜你及格");
} else (
    console.log("要多加油喔!");
);

switch 判斷式

在寫 if..else 可能會發生太多組的判斷導致程式碼太長不好維護
可以改用 switch 的方式撰寫,語法如下

let rank = 1;
switch (rank) {
    case 1:
        console.log("金");
        break;
    case 2:
        console.log("銀");
        break;
    case 3:
        console.log("銅");
        break;
    default:
        console.log("資料異常");
        break;
}

// 結果會顯示為 金

從上面的範例簡單來說,switch 會依據變數 rank 的值到大括號中找出對應的 case 選項,
執行對應項目內的指令,最後的 default 區塊則是在所有的 case 都不符合時會執行的項目。

每一個 case 最後都有一個 break,是在告訴 JavaScript 要結束這一個 switch 指令了~

後記

在學習流程判斷時,蠻推薦先畫流程圖,一方面確保思考方向的正確性,
也可以進一步確認流程的設計上會不會有卡住的問題,
流程圖規劃完成後,再依據流程圖加上程式碼!能更全面的理解整體流程

這是我的學習紀錄,歡迎各路大神指點指教,我們下次見~


上一篇
[ Day 6] - 陣列與物件的混合使用
下一篇
[ Day 8 ] - 迴圈
系列文
初心者解任務啦!JS 的 30 道任務30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言